<template>
<div style="width:100%;height:100%">
  <!-- <echarets></echarets> -->
  <!-- <Canvase></Canvase>
  <Ball></Ball> -->
  <router-view></router-view>
  <!-- <Login></Login> -->
  <!-- <Basic></Basic>
  <FormElemtUI></FormElemtUI>
  <Data></Data>
  <Notice></Notice>
  <Navigation></Navigation>
  <Others></Others> -->
</div>
</template>

<script>
// import { component } from 'vue/types/umd'
// import Login from './view/Login.vue'
// import Basic from './ElementUI/Basic.vue'
// import FormElemtUI from './ElementUI/formElemtUI.vue'
// import Data from'./ElementUI/Data.vue'
// import Notice from './ElementUI/Notice.vue'
// import Navigation from './ElementUI/Navigation.vue'
// import Others from './ElementUI/Others.vue'
// import index from './view/index.vue'
// import Canvase from './components/div'
// import Ball from './components/ball.vue'
// import echarets from './components/echarets.vue'

export default {
  name: 'App',
  components: {
    //  echarets 
    
    // Canvase,
    // Ball
    // index
    // Login,
    // Basic,
    // FormElemtUI,
    // Data,
    // Notice,
    // Navigation,
    // Others
  },
  data(){
    return {
    }
  },
  methods:{
    
  },
  created(){

  },
  mounted(){

  }
  
}
</script>

<style>


/* .app1{
  background:url('/image/test.png');
  height: 300px;
} */
</style>
